<template>
  <div class="author_AreaBox">
    <Area class="author_area" />
  </div>
</template>

<script>
import Area from "@/components/Area/Area";
export default {
  name: "AuthorCity",
  components: { Area },
  setup() {},
};
</script>

<style scoped>
.author_AreaBox {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  /*touch-action:none*/
}
/** { touch-action: pan-y; }*/
.author_area {
  position: fixed;
  bottom: 0;
  width: 100%;
  /*height: 3rem;*/
}
</style>
